body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.nav-extended {
	flex: 0 0 auto;
}

footer {
	flex: 0 0 auto;
}

.mainbody {
	flex: 1 0 auto;
}

.red,
.light-blue {
	-webkit-transition: background-color .5s cubic-bezier(.175, .885, .32, 1);
	-o-transition: background-color .5s cubic-bezier(.175, .885, .32, 1);
	transition: background-color .5s cubic-bezier(.175, .885, .32, 1);
}

#onput_console {
	overflow-y: scroll;
	height: 50vh !important;
	min-height: 340px;
	border: none !important;
	margin-bottom: 0 !important;
}

#input_command {
	margin-top: -10px !important;
}

.command_btn {
	margin-top: 10px;
}

.switch label input[type="checkbox"]:checked + .lever {
    background-color: #90caf9;
}


.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #1e88e5;
    left: 24px;
}

input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::after, input.tabbed[type="checkbox"]:checked:focus:not(:disabled) ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(3, 166, 255, 0.1);
}

.mainbody {
	padding-top: 20px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}

div.switch > label {
	display:inline-block;
	width: 115px;
	font-size: 15px;
}

div.switch {
	margin-bottom: 24px;
}
